import {mapGetters} from 'vuex'

export default {
  computed:{
    // 获取total的映射
    ...mapGetters('m_cart',['total'])
  },
  
  onShow(){
    // 设置购物车界面下面TabBar中购物车项的红点
    this.setBadge()
  },
  
  watch:{
    // 监听total值的变化
    total(){
      this.setBadge()
    }
  },
  
  methods:{
    setBadge(){
      // 小程序提供的api用于设置红点
      uni.setTabBarBadge({
        index:2,
        // 必须为字符串，否则无法显示
        text:this.total + ''
      })
    }
  }
}